<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>权限管理系统</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
</head>
<body>
<div class="header">
    <div class="nav">
        <div class="nav-brand">权限管理系统</div>
        <ul class="nav-links">
            <li><a href="${pageContext.request.contextPath}/user/list">用户管理</a></li>
            <li><a href="${pageContext.request.contextPath}/role/list">角色管理</a></li>
            <li><a href="${pageContext.request.contextPath}/user/search">用户搜索</a></li>
        </ul>
    </div>
</div>

<div class="container">
    <div class="card">
        <h1>欢迎使用权限管理系统</h1>
        <p>这是一个基于MyBatis的多表联合查询实践项目，实现了用户-角色-权限的管理功能。</p>

        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 2rem;">
            <div class="card">
                <h3>用户管理</h3>
                <p>查看用户列表和详细信息，包括用户角色信息。</p>
                <a href="${pageContext.request.contextPath}/user/list" class="btn btn-primary">进入用户管理</a>
            </div>

            <div class="card">
                <h3>角色管理</h3>
                <p>查看角色详情和对应的菜单权限信息。</p>
                <a href="${pageContext.request.contextPath}/role/list" class="btn btn-primary">进入角色管理</a>
            </div>

            <div class="card">
                <h3>用户搜索</h3>
                <p>根据条件动态搜索用户信息。</p>
                <a href="${pageContext.request.contextPath}/user/search" class="btn btn-primary">进入用户搜索</a>
            </div>
        </div>
    </div>
</div>
</body>
</html>